<!DOCTYPE html>
<html>

	<head>
		<title>良品铺</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<link rel="stylesheet" href="lib/weui.min.css">
		<link rel="stylesheet" href="css/jquery-weui.css">
	</head>
	<style type="text/css">
		html,
		body {
			height: 100%;
		}
		
		.div1 {
			background-color: #E50012;
			height: 60px;
			padding: 5px 15px 5px 15px;
			/*border: 1px solid;*/
		}
		
		.weui-tab {
			min-width: 320px;
		}
		
		.div2 {
			height: 30px;
			border-radius: 5px;
			background-color: white;
			margin-left: 10px;
			/*border: 1px solid;*/
		}
		
		.div2 span img {
			border-radius: 5px;
			/*border: 1px solid;*/
			float: left;
		}
		
		.div2 span {
			display: block;
			float: left;
			/*border: 1px solid;*/
		}
		
		.div3 {
			margin-left: 28px;
		}
		
		.div3 input {
			width: 100%;
			height: 30px;
			border-radius: 5px;
			border: 0px;
			outline: none;
			background-image: url(img/lp_sch_txt.png);
			background-repeat: no-repeat;
			background-size: 90px;
		}
		
		.weui-navbar {
			width: 90px;
			display: block;
			height: 100%;
		}
		
		.weui-tab {
			height: 100%;
		}
		
		.weui-tab .weui-tab__bd {
			padding-top: 0px;
			margin-left: 90px;
		}
		
		.weui-cells {
			margin-top: 0px;
		}
		
		a {
			font-size: 12px;
			color: black;
		}
		
		a:hover {
			color: red;
		}
		
		.cllsdiv {
			min-width: 320px;
			max-width: 640px;
			margin: 0px auto;
		}
	</style>

	<body ontouchstart>
		<div class="div1">
			<div class="weui-flex">
				<div>
					<div class="placeholder">
						<img src="img/logo.png" style="height: 35px;" />
					</div>
				</div>
				<div class="weui-flex__item">
					<div class="placeholder">
						<div class="div2">
							<span><img src="img/search.png"/></span>
							<div class="div3">
								<input type="text" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<div style="margin-top: -10px;">
				<a href="fenlei.html">
					<img src="img/typeico.png" />
				</a>
			</div>
		</div>

		<div class="weui-tab">
			
			<div class="cllsdiv">
				<div class="weui-tab__bd-item weui-tab__bd-item--active">
					<div class="weui-navbar">
						<a class="weui-navbar__item weui-bar__item--on" href="#tab1">
							坚果炒货
						</a>
						<a class="weui-navbar__item" href="#tab2">
							肉铺鱼干
						</a>
						<a class="weui-navbar__item" href="#tab3">
							果干果脯
						</a>
						<a class="weui-navbar__item" href="#tab4">
							糕点糖果
						</a>
						<a class="weui-navbar__item" href="#tab5">
							素食山珍
						</a>
						<a class="weui-navbar__item" href="#tab6">
							花茶饮品
						</a>
					</div>
					<div class="weui-tab__bd">

						<div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">

							<div class="weui-cells">
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>坚果炒货</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>坚果炒货</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>坚果炒货</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>坚果炒货</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>坚果炒货</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
							</div>
						</div>
						<div id="tab2" class="weui-tab__bd-item">
							<div class="weui-cells">
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>肉铺鱼干</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>肉铺鱼干</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>肉铺鱼干</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>肉铺鱼干</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>肉铺鱼干</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
							</div>
						</div>
						<div id="tab3" class="weui-tab__bd-item">
							<div class="weui-cells">
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>蜜饯系列</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>红枣葡萄</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>话梅山楂</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>缤纷果干</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>水果脆片</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
							</div>
						</div>
						<div id="tab4" class="weui-tab__bd-item">
							<div class="weui-cells">
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>糕点糖果</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>糕点糖果</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>糕点糖果</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>糕点糖果</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>糕点糖果</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
							</div>
						</div>
						<div id="tab5" class="weui-tab__bd-item">
							<div class="weui-cells">
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>素食山珍</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>素食山珍</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>素食山珍</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>素食山珍</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>素食山珍</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
							</div>
						</div>
						<div id="tab6" class="weui-tab__bd-item">
							<div class="weui-cells">
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>花茶饮品</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>花茶饮品</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>花茶饮品</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>花茶饮品</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
								<a class="weui-cell weui-cell_access" href="javascript:;">
									<div class="weui-cell__bd">
										<p>花茶饮品</p>
									</div>
									<div class="weui-cell__ft">
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="weui-tabbar">
				<a href="index.html" class="weui-tabbar__item ">
					<div class="weui-tabbar__icon">
						<img src="img/buy.png" alt="">
					</div>
					<p class="weui-tabbar__label">首页</p>
				</a>
				<a href="fenlei.html" class="weui-tabbar__item weui-bar__item--on">
					<div class="weui-tabbar__icon">
						<img src="img/buy.png" alt="">
					</div>
					<p class="weui-tabbar__label">分类</p>
				</a>
				<a href="gouwu.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon">
						<img src="img/buy.png" alt="">
					</div>
					<p class="weui-tabbar__label">购物车</p>
				</a>
				<a href="wode.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon">
						<img src="img/buy.png" alt="">
					</div>
					<p class="weui-tabbar__label">我的良品</p>
				</a>
			</div>
		</div>

		<script src="lib/jquery-2.1.4.js"></script>
		<script src="lib/fastclick.js"></script>
		<script src="js/jquery-weui.js"></script>
	</body>

</html>